.main {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 2rem;
  max-width: map-get($layout, content-max-width);
  @include media-breakpoint-down(l) {
    padding: 0 1rem;
  }
  .main-header {
    & > h1 {
      font-weight: map-get($base, font-weight-bold);
    }
    margin-top: 2rem;
  }
}

.has-toc .main {
  max-width: map-get($layout, content-max-width) + map-get($layout, aside-width);
  @include media-breakpoint-down(l) {
    max-width: map-get($layout, content-max-width);
    padding: 0 1rem;
  }
}